.w-form-header {
    font-size: 22px;
    font-weight: 600;
    background: #fff;
    padding: 6px;
    border-bottom: 1px solid #ccc5;
    display: flex;
    // justify-content: space-between;
    align-items: center;
    .status {
        font-size: 16px;
        color: #999;
        margin-left: 30px;
        position: relative;
        &::before {
            content: "";
            position: absolute;
            top: 50%;
            left: -12px;
            width: 8px;
            height: 8px;
            transform: translateY(-50%);
            border-radius: 4px;
            background: var(--el-color-success);
        }
    }
    .header {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .title-box {
        padding-right: 20px;
        .version {
            font-size: 16px;
        }
        .status {
            font-size: 16px;
            color: #999;
            margin-left: 30px;
            position: relative;
            &::before {
                content: "";
                position: absolute;
                top: 50%;
                left: -12px;
                width: 8px;
                height: 8px;
                transform: translateY(-50%);
                border-radius: 4px;
                background: var(--el-color-success);
            }
        }
    }
}
.w-form-box {
    margin: 0 auto;
    .list-header {
        font-weight: 600;
        font-size: 18px;
        margin-bottom: 15px;
        padding-left: 15px;
        position: relative;
        &::before{
            content: "";
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            width: 6px;
            height: 20px;
            background: var(--el-color-primary);
        }
    }
    .form-inline {
        display: flex;
        flex-wrap: wrap;
        :deep(.el-form-item) {
            width: calc(25% - 10px);
            align-items: flex-start;
            .el-select {
                width: 100%;
            }
        }
    }
    :deep(.el-form--inline .el-form-item){
        margin-right:10px;
    }
    :deep(.el-form-item__label) {
        word-wrap: break-word;
        word-break: break-all;
        text-align: right;
        height: auto;
        font-size: 12px;
    }
}
.m-action-btns{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    text-align: left;
    padding-top: 8px;
    :deep(.el-button){
        width: 100%;
        text-align: left;
        justify-content: left;
        margin: 0;
        margin-left: 0px;
        margin-bottom: 10px;
        padding-bottom: 8px;
        padding: 10px;
        &:hover{
            background: #ccc3;
            color: #4d70ff;
        }
    }
}
:deep(.el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell){
    padding: 2px 6px;
    font-size: 12px;
    .el-form-item__content{
        font-size: 12px;
    }
}
:deep(.el-form-item__content){
    line-height: 24px;
}